<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>用户账单</title>
	<link rel="stylesheet" href="../css/common/mui.css" />
	<link rel="stylesheet" href="../css/common/common.css" />
	<link rel="stylesheet" href="../css/this/user.css" />
	<link rel="stylesheet" href="../layer/skin/layer.css" />
	<style>
		body{
			background:#fff;
			height:auto;
		}
	</style>
	</head>
	<body>
		<ul class='bB cl lH44 tC oF bill-nav bGWhite theFirst'>
			<li class='fS15 fWB pSR w50 fl' data-type='0'>
				<h2 class='fS15 fWN  lH44 font-active'>福利账单</h2>
				<i></i>
			</li>
			<li class='fS15 fWB pSR w50 fl' data-type='1'>
				<h2 class='fS15 fWN  lH44'>余额明细</h2>
				<i></i>
			</li>
		</ul>
		<div class='bill-list'>
		</div>
		<script type='text/template' id='tpl-bill-balance'>
			{{if list.length}}
				<section class='bill-balance-list'>
					{{each list as listb}}
					<div class='mui-row bB'>
						<div class='mui-col-xs-9 pL19 pT19 pB19'>
							<div class='fS18 mB11'>{{listb.description}}</div>
							<p class='fS12 cGrey '>{{listb.create_time}}</p>
						</div>
						<div class='mui-col-xs-3 pR16 lH79 tR fS18'>{{listb.price}}</div>
					</div>
					{{/each}}
				</section>
			{{else}}
				div class='tC' style='position:absolute;top:50%;left:15%;height:30%;width:70%;'>
					<span class='cGrey fS15'>亲  这个页面还没有数据哦~</span>
				</div>
			{{/if}}
		</script>
		<script type='text/template' id='tpl-bill-welfare'>
			
			<section class='bill-welfare-list be'>
				<div class='tC mL17 mR17 pT17 mT17 pB17 pR22 pL22' style='background:#f2f2f2'>
					<p class='cGrey fS13 mB9'>首单订单金额（元）</p>
					<h2 class='fS18 fWN pB17 cRed'>{{info.order_total}}</h2>
					<div class='mui-row'>
						<div class='mui-col-xs-4 fS13 cGrey'>应返 ：{{info.return_total}}</div>
						<div class='mui-col-xs-4 fS13 cGrey'>待返 ：{{info.remained_money}}</div>
						<div class='mui-col-xs-4 fS13 cGrey'>已返 ：{{info.returned_money}}</div>
					</div>
				</div>
				{{if list.length}}
					{{each list as listw}}
					<div class='mui-row bB'>
						<div class='mui-col-xs-9 pL17 pT17 pB19'>
							<div class='fS18 mB9'>新用户首单满99全返活动</div>
							<p class='fS12 cGrey '>{{datetimeFormat(listw.return_time,'yyyy-MM-dd hh:mm:ss')}}</p>
						</div>
						<div class='mui-col-xs-3 pT19 pB19 fS18 tC'>
							{{if listw.status == 1}}
								<div class='fS18 mB9'>+{{listw.returned_money}}</div>
								<p class='fS12 cGrey '>（已领取）</p>	
							{{else if listw.status == 0}}
								<div class='fS18 mB9 cDarkRed' >+{{listw.returned_money}}</div>
								<p class='fS12 '>（已过期）</p>	
							{{/if}}
						</div>
					</div>
					{{/each}}
				{{else}}
					div class='tC' style='position:absolute;top:50%;left:15%;height:30%;width:70%;'>
						<span class='cGrey fS15'>亲  这个页面还没有数据哦~</span>
					</div>
				{{/if}}
			</section>
		</script>
		<div class='reco'></div>
	</body>
		<script src='../js/common/jquery.min.js'></script>
		<script src="../js/common/template.js"></script>
		<script src='../js/common/api.js'></script>
		<script src='../layer/layer.js'></script>
		<script src="../js/common/loading.js"></script> 
		<script src="../js/common/app.js"></script> 
		<script src='../js/common/header.js'></script>
		<script src='../js/common/footer.js'></script>
		<script src='user.bill.js'></script>
</html>
